<template>
	<el-divider v-if="custome == 'divider'" :content-position="position">
		<span class="node-label flex">{{ modelValue }}</span>
	</el-divider>
	<html-label v-else-if="custome == 'titleLabel'" :title="modelValue"></html-label>
	<p v-else class="node-label flex">
		<span>
			<icon-star v-if="required" theme="filled" size="6" fill="#f60e2a" :strokeWidth="1" />
			<span>{{ modelValue }}</span>
		</span>
	</p>
</template>

<script lang="ts">
import { defineComponent } from 'vue'

export default defineComponent({
	props: {
		modelValue: {
			type: String,
		},
		required: {
			type: Boolean,
			default: false,
		},
		custome: {
			type: String,
		},
		position: {
			type: String,
			default: 'left',
		},
	},
	setup() {
		return {}
	},
})
</script>

<style scoped lang="scss"></style>
